<template>
	<section>

		<div  style="margin-top:20px;">
			<el-breadcrumb separator-class="el-icon-arrow-right">
				<el-breadcrumb-item >服务器</el-breadcrumb-item>
				<el-breadcrumb-item >Shell</el-breadcrumb-item>
				<el-breadcrumb-item>{{$route.params.ipv4}}</el-breadcrumb-item>
			</el-breadcrumb>
			<br>
			<my-terminal :terminal="terminal" ref="xterm" :ipaddr="this.$route.params.ipv4"></my-terminal>
		</div>
	</section>
</template>

<script>
    import Console from '../../components/shell/console'

    export default {
        name: 'WebSSH',
        data () {
            return {
                terminal: {
                    pid: 1,
					rows: 1000,
                    name: 'terminal',
                    cursorBlink: true,
                    scrollback: 800,
                    tabStopWidth: 8,
                    screenKeys: true//
                }
            }
        },
        methods: {
            reverseMessage: function(){
                alert("go to ip sonsole")
            }
        },
        components: {
            'my-terminal': Console
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

</style>
